<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>008-视频元素</title>
	</head>
	<body>
		<!--
    可以通过JS实现自己的视频播放器：
     controls 属性添加控制按钮
     muted 属性添加静音按钮
     autoplay 属性自动播放（静音条件下才会自动播放）
     loop 属性循环播放
     poster 属性为视频添加封面
     preload 属性为视频添加预加载 auto 自动 metadata 预加载元数据（时长、等...） none 不预加载
    -->
		<video
			src="https://www.w3schools.com/html/mov_bbb.mp4"
			controls
			muted
			autoplay
			loop
			poster="https://www.w3schools.com/html/pic_trulli.jpg"
			preload="auto"
		></video>
	</body>
</html>
